<template>
  <div class="app">
    <h1>{{ counter }}</h1>
    <app-info @add="addClick"></app-info>
  </div>
</template>

<script>
import AppInfo from './AppInfo.vue'
import Appinfo from './AppInfo.vue'
export default {
  components: { AppInfo },
    component: {
        Appinfo
    },
    data: function(){
        return {
            counter: 0
        }
    },
    
    methods: {
        addClick(value) {
            this.counter += value
        }
    }

}
</script>

<style>

</style>